<template>
    <div class="swiper">
        <swiper :banner="banner"></swiper>
    </div>
</template>


<script>
import swiper from '@/components/utils/Swiperview.vue'
import { getBanner } from '@/Api/homeapi'
export default {
    components: { swiper },
    data() {
        return {
            banner: []
        }
    },
    methods: {
        async getBan() {
            let { data: res } = await getBanner(1)
            this.banner = res.result
            // console.log(res);
        }
    },
    mounted() {
        this.getBan()
    }
}
</script>

<style lang="scss" >
.swiper {
    width: 100%;
    height: 500px;
}

.prev {
    left: 270px !important;
}

.carousel-indicator {
    padding-left: 300px !important;
}
</style>